<template lang="pug">
ul 
    li(v-for='(d,i) in list' :key="i" @click="$emit('onLi',i)")
        .img
            img(src="http://cms.apppark.cn/app/upload/10656189/20180403175027_727.jpg")
            .info 
                p {{d.title}}
                p 服务范围：品茶；茶叶茶具出售
        .km {{d.km}}
    
</template>
<script>
export default {
    props: ['list']
}
</script>
<style scoped lang="sass">
ul
    li 
        padding: 0 .3rem
        border-bottom: 2px solid #e5e5e5
        display: flex
        justify-content: space-between
        .img
            display: flex
            img
                width: 1.2rem
                height: 1.2rem
                display: block
                margin: .3rem 0
            .info 
                margin-left: .2rem
                p
                    margin-top: .1rem
                    font-size: .3rem
                    color: #272727
                    line-height: .65rem
                    & + p
                        margin-top: 0
                        line-height: .6rem
        .km
            font-size: .16rem
            color: #949494
            line-height: .65rem
            margin-top: .1rem
</style>